<script setup>

const emit = defineEmits(['titleClick'])
</script>

<template>
  <div class="area-box">
    <div class="head">
      <div class="title">
        <slot name="title"></slot>
        <el-icon style="position: relative;top: 1px" :size="16"><ArrowRightBold /></el-icon>
      </div>
     </div>
    <div class="content">
      <slot></slot>
    </div>
  </div>

</template>

<style lang="less" scoped>
.area-box {
  margin-top: 20px;
  .head {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    .title {
      display: flex;
      align-items: center;
      font-size: 18px;
      cursor: pointer;
    }
  }
  .content {
    display: flex;
    overflow: auto;
  }
}

</style>
